<template>
    <div class="left">
        <transition name="el-zoom-in-center">
            <equipmentFilter v-show="isShowLeft"></equipmentFilter>
        </transition>
        <div class="showLeft" @click="Change"></div>
    </div>
</template>
<script>
import equipmentFilter from './tools/equipmentFilter.vue'
export default {
    components:{
        equipmentFilter,
    },
    data(){
        return{
            isShowLeft:true
        }
    },
    methods:{
        Change() {
            this.isShowLeft = !this.isShowLeft
        }
    },
    mounted() {
        window.viewInit();
    }
}
</script>
<style scoped>
.left{
    position: relative;
    height: 2144px
}
.showLeft{
  position: absolute;
  bottom:20px;
  left: 40px;
  width: 134px;
  height: 134px;
  background: url("../../../../static/images/equipment/isShow.png") no-repeat center;
  background-size: 100% 100%;
}
</style>
